<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:head>

        <title><ui:insert name="title">Facelet Title</ui:insert></title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'></meta>
        <!-- Font awesome -->
        <link href="#{request.contextPath}/resources/css/font-awesome.min.css" type="text/css" rel="stylesheet"/>
        <!-- bootstrap 3.0.2 -->
        <link href="#{request.contextPath}/resources/css/bootstrap.min.css" type="text/css" rel="stylesheet"/>
        <!-- Ionicons -->
        <link href="#{request.contextPath}/resources/css/ionicons.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="#{request.contextPath}/resources/css/AdminLTE.css" rel="stylesheet" type="text/css" />

        <h:outputScript library="primefaces" name="jquery/jquery.js"/> 
    </h:head>
    <h:body class="skin-blue">
        <p:growl id="growl" life="7000">

            </p:growl>
        <!-- header logo: style can be found in header.less -->
        <ui:include src="menuHorizontal.xhtml"></ui:include>

        <div class="wrapper row-offcanvas row-offcanvas-left">

            <!-- Left side column. contains the logo and sidebar -->
            <ui:include src="menuVerticalAdminProducto.xhtml"></ui:include>
            <!-- Right side column. Contains the navbar and content of the page -->
            <aside class="right-side">
                <!-- Content Header (Page header) 
              <ui:include src="header.xhtml"></ui:include>-->
                <!-- Content Header (Page header) -->
                <section class="content-header">
                    <h1>
                        <ui:insert name="descripcionHeader">
                            <!--
                             Blank pages
                             <small>Control panel</small>-->
                        </ui:insert>
                    </h1>
                    <ol class="breadcrumb">
                       
                            <li><h:form>
                                    <h:commandLink style="color: #000" action="#{usuarioController.inicioAdmin()}">
                                        <i class="fa fa-home"></i>
                                        Inicio
                                    </h:commandLink>
                                </h:form>
                            </li>
                         <ui:insert name="breadcrumbHeader">
                            <!--<li class="active">Blank page</li>-->
                        </ui:insert>
                    </ol>
                </section>

                <!-- Main content -->
                <section class="content">

                    <ui:insert name="content">Content</ui:insert>

                </section><!-- /.content -->


            </aside>

        </div>


        <script src="#{request.contextPath}/resources/js/AdminLTE/app.js"></script>
        <script src="#{request.contextPath}/resources/js/bootstrap.js"></script>
    </h:body>
</html>

